<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>掩耳（迅雷不及掩耳）</title>
    <!--引入easyui相关js/css-->
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/color.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/demo/demo.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <script type="text/javascript" th:src="@{/easyui/jquery.min.js}"></script>-
    <script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
    <script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
    <script>
        //获取应用根路径
        var ctxPath = '[[@{/}]]';
    </script>
</head>
<body class="easyui-layout">
<!--顶部-->
<div id="div-north" data-options="region:'north',split:false" style="height:80px;background-color: #cccccc;overflow: hidden">
    <h1 id="h1-title">掩耳（迅雷不及掩耳）</h1>
    <p id="p-user">欢迎您<span text="">初音未来</span>歌姬殿下</p>

</div>

<!--底部-->
<div data-options="region:'south',split:false" style="height:50px;">
    <p id="p-topom">雅音工作室 © 2018-2030 www.yaner.com.cn All Rights Reserved 关于我们版权声明联系</p>

</div>
<!--右边-->
<!--<div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>-->

<!--左边-->
<div data-options="region:'west',title:'导航栏',split:true" style="width:17%;">
<ul id="ul-menu">

</ul>
</div>
<!--中间-->
<div data-options="region:'center'" style="padding:0px;background:#eee;">
    <div id="div-tab" data-options="fit:true,border:false" class="easyui-tabs" style="width:100%;height:100%;">
        <div title="掩耳" style="padding:20px;display:none;margin: 0;" data-options="iconCls:'icon-home'">
            <h1>欢迎进入掩耳后台管理系统</h1>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" th:src="@{/js/index.js}"></script>
</html>